<template>
  <div class="total">
    <!-- 导航栏 -->
      <van-nav-bar title="生活方式自评" left-arrow  @click-left="$router.go(-1)" />
      <!-- 内容部分 -->
      <div class="item" @click="gobody">
        <img src="/images/bodyhealthy.png" alt="">  
        <span>身体活动评估</span>
      </div>
      <!-- 第二个选项 -->
      <div class="item" @click="gofood">
        <img src="/images/food.png" alt="">  
        <span>饮食习惯评估</span>
      </div>
  </div>
</template>

<script>
  export default {
    methods: {
      gobody() {
        this.$router.push('/bodytable')
      },
      gofood(){
        this.$router.push('/selfevaluation')
      }
    },
  }
</script>

<style lang="less" scoped>
.total{
  background-color:#EEEBEB ;
  height: calc(100vh )
}
.van-nav-bar {
  background-color: #1074ff;

  /deep/ .van-nav-bar__title {
    color: #fff;
  }
  /deep/ .van-icon-arrow-left {
    color: #fff;
  }
}
  .item{
    height: 70px;
    padding: 10px;
    display: flex;
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 15px;
    span{
      align-items: center;
      line-height: 70px;
    }
    img{
      height: 100%;
    }
  }
</style>